<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>历史知识了解</title>
    <link rel="stylesheet" href="bootstrap-4.6.1-dist/css/bootstrap.min.css">
    <style>
        body{
            background-image: url("image/background_img.jpg");
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-size: cover;
        }
        .first{
            color: #866060;
            font-size: 12px;
        }
        .d-flex{
            font-size: 14px;
        }
        a{
            text-decoration: none;
            color: black;
        }
    </style>
</head>
<body>
    <header id="header"></header>

    <div class="container">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="/">首页</a></li>
                <li class="breadcrumb-item active" aria-current="page">历史知识</li>
            </ol>
        </nav>

        <div class="row" id="history">
            <div class="col col-sm-12 col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">[中国古典诗词的发展历史简介]</h5>
                        <p class="ml-1 d-flex w-100 first">在中国文学史上，我们能看到的最早的诗是距今三千年左右的《诗经》，这是我国最早的一部诗歌总集，一共三百零五篇，古称《诗》或《诗三百篇》。继《诗经》之后，公元前四世纪，出现了一种新的诗体--“楚辞”，它的创始人是屈原。后来，汉朝人把屈原，宋玉等人写的作品编成一书，叫《楚辞》。到了汉代，出现了为配合音乐而歌唱的诗即“乐府诗”。在魏晋南北朝以前，诗的格律和声韵还没有形成大家共同遵守的规律，只是由作者按照个人的内容需要和声韵感觉来进行写作。到了魏晋，由于受到了印度（古称天竺）的梵音学的影响，我国的声韵学得到了发展。唐代是我国诗歌发展的全盛时期，是古典诗歌的黄金时代。在继承前代诗歌的基础上，唐代的诗歌有了进一步的发展，并且形成了固定的分类，如古风，格律诗等。在唐代中期，由诗派生出新的体裁，这种体裁到了宋代最为发达，这就是词。到了元明两代，又出现了一种新的体裁，叫曲，也称散曲</p>
                    </div>
                </div>

                <div class="card mt-3" v-for="h in history">
                    <div class="card-body d-flex">
                        <div class="ml-1 w-100">
                            <h4 class="card-title">[<a :href="'Dynasty.html?'+h.name"><span v-text="h.name">先秦</span>历史</a>]</h4>
                            <p class="card-text" v-html="h.txt">【先秦】   奴隶社会及由奴隶社会向封建社会的过渡时期。始自商周时期，至秦（前221～前206）统一中国。 先秦散文 中国远古至秦统一前的无韵文。先秦散文的形成和发展，有其政治、经济、思想文化等多方面的社会基础。中国文字的起源可上溯到6000年前。半坡遗…</p>
                        </div>
                    </div>
                </div>
                <!--<div class="card mt-3">
                    <div class="card-body d-flex">
                        <div class="ml-1 w-100">
                            <h4 class="card-title">[<a href="Dynasty.html">汉朝历史</a>]</h4>
                            <p class="card-text">【汉（公元前202～公元220）】 　　中国继秦而出现的统一王朝。包括西汉和东汉（也称前汉和后汉），分别建都于长安和洛（雒）阳。在两汉之际，还有王莽、刘玄两个短暂的统治时期。汉高祖刘邦建立的西汉王朝，各种制度基本上沿袭秦朝而有所增益，力求在稳定中求发展…</p>
                        </div>
                    </div>
                </div>
                <div class="card mt-3">
                    <div class="card-body d-flex">
                        <div class="ml-1 w-100">
                            <h4 class="card-title">[<a href="Dynasty.html">魏晋历史</a>]</h4>
                            <p class="card-text">【魏晋（220～420）】 三国（220～280） 　　中国历史上继东汉而出现的时代。由于魏、蜀、吴三个国家鼎立而得名。三国始于220年魏国代汉，以280年晋灭吴为三国下限。 　　东汉中平六年(189)灵帝死，刘辩继立为少帝。执政的何太后兄何进联络袁绍，密谋尽杀宦官，并召并州…</p>
                        </div>
                    </div>
                </div>
                <div class="card mt-3">
                    <div class="card-body d-flex">
                        <div class="ml-1 w-100">
                            <h4 class="card-title">[<a href="Dynasty.html">南北朝历史</a>]</h4>
                            <p class="card-text">【南北朝（386～589）】　　从386年北魏建国到589年隋统一，中国历史上形成的南北对峙局面。南朝从420年刘裕代晋到589年陈亡，经历宋、齐、梁、陈四代。北朝从386年魏道武帝建立北魏开始，到534年分裂为东魏、西魏。后来北齐代东魏，北周代西魏，北周又于577年灭北齐。5…</p>
                        </div>
                    </div>
                </div>
                <div class="card mt-3">
                    <div class="card-body d-flex">
                        <div class="ml-1 w-100">
                            <h4 class="card-title">[<a href="Dynasty.html">唐朝历史</a>]</h4>
                            <p class="card-text">【唐朝（618年~907年）】，是世界公认的中国最强盛的时代之一。 　　李渊于618年建立了唐朝，以长安（今陕西西安）为首都。其鼎盛时期的公元7世纪时，中亚的沙漠地带也受其支配。在690年，武则天改国号“唐”为“周”，迁都洛阳，称神都，史称武周，也称…</p>
                        </div>
                    </div>
                </div>
                <div class="card mt-3">
                    <div class="card-body d-flex">
                        <div class="ml-1 w-100">
                            <h4 class="card-title">[<a href="Dynasty.html">隋朝历史</a>]</h4>
                            <p class="card-text">隋朝（581年－618年，一说619年或630年），是中国历史上，上承南北朝、下启唐朝重要的朝代，史学家常把其与唐朝合称隋唐。581年杨坚灭北周静帝，定国号为“隋”，北周覆亡。618年隋恭帝杨侑让位李渊，隋灭亡。国祚38年。 为了巩固隋朝的发展，在政治、经济、文化及外交…</p>
                        </div>
                    </div>
                </div>
                <div class="card mt-3">
                    <div class="card-body d-flex">
                        <div class="ml-1 w-100">
                            <h4 class="card-title">[<a href="Dynasty.html">宋朝历史</a>]</h4>
                            <p class="card-text">【北宋历史】 （960～1127年） 公元960年，后周大将赵匡胤发动陈桥兵变，建立宋朝，定都汴京（今属河南开封），史称“北宋”。赵匡胤就是宋太祖。在当时，除了刚建立起来的宋朝之外，还同时存在着后蜀、南汉、南唐、吴越、北汉等割据势力。于是自宋朝建国伊始，宋太…</p>
                        </div>
                    </div>
                </div>
                <div class="card mt-3">
                    <div class="card-body d-flex">
                        <div class="ml-1 w-100">
                            <h4 class="card-title">[<a href="Dynasty.html">元朝历史</a>]</h4>
                            <p class="card-text">【元（1271～1368）】 　　中国历史上蒙古族统治者建立的统一王朝。1206年，成吉思汗建国于漠北，号大蒙古国。1235年，窝阔台建哈刺和林城（即和林）为国都。大蒙古国统治亚洲和欧洲广大地区。按台山（今阿尔泰山）以西术赤、察合台、窝阔台封地以及旭烈兀西征后据有…</p>
                        </div>
                    </div>
                </div>
                <div class="card mt-3">
                    <div class="card-body d-flex">
                        <div class="ml-1 w-100">
                            <h4 class="card-title">[<a href="Dynasty.html">明朝历史</a>]</h4>
                            <p class="card-text">【明(1368～1644)】 　　中国历史上继元之后的统一王朝。1368年，朱元璋推翻元朝统治，在应天（今南京）称帝，国号明。永乐十九年（1421），明成祖迁都北京。疆域最广时，东北抵日本海、鄂霍次克海、兀的河（今乌第河）流域，西北到新疆哈密，西南包有今西藏、云南，东…</p>
                        </div>
                    </div>
                </div>
                <div class="card mt-3">
                    <div class="card-body d-flex">
                        <div class="ml-1 w-100">
                            <h4 class="card-title">[<a href="Dynasty.html">清朝历史</a>]</h4>
                            <p class="card-text">【清（1636～1911）】 　　中国历史上最后一个封建王朝。由满族统治者建立。明万历四十四年(1616)，努尔哈赤称汗，国号大金(史称后金)。明崇祯九年(1636)皇太极改国号为大清。1644年清军入关，确立对全国的统治。宣统三年（1911），辛亥革命推翻清朝。翌年清帝被迫逊位。…</p>
                        </div>
                    </div>
                </div>
                <div class="card mt-3">
                    <div class="card-body d-flex">
                        <div class="ml-1 w-100">
                            <h4 class="card-title">[<a href="Dynasty.html">近代历史</a>]</h4>
                            <p class="card-text">【简介】 　　近代，是指中英鸦片战争开始（1840年）到五四运动（1919年）这中间的一段时间【1919年到1949年为现代，1949年以后为当代】，历经清王朝晚期、中华民国临时政府时期、北洋军阀时期和国民政府时期，是中国半殖民地半封建社会逐渐形成到瓦解的历史，也是中华…</p>
                        </div>
                    </div>
                </div>
                <div class="card mt-3">
                    <div class="card-body d-flex">
                        <div class="ml-1 w-100">
                            <h4 class="card-title">[<a href="Dynasty.html">当代历史</a>]</h4>
                            <p class="card-text">通常意义上所指的当代，是对人类发展历史时间段的一个定性界定。从全球来看，当代应该是指以第三次世界科技革命为标志以后的时期延续至今后。第三次科技革命，是以原子能、电子计算机和空间技术的广泛应用为主要标志，涉及信息技术、新能源技术、新材料技术、生…</p>
                        </div>
                    </div>
                </div>-->
            </div>
        </div>
    </div>

    <footer id="footer"></footer>
</body>
<!--引入jq代码-->
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="bootstrap-4.6.1-dist/js/bootstrap.min.js"></script>\
<!--引入vue-->
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<!-- 引入axios 实现页面的异步请求-->
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script>
    $("#header").load("common/navigation.html")
    $("#footer").load("common/footer.html")

    let vm_history = new Vue({
        el:"#history",
        data:{
            history:[]
        },
        created:function () {
            axios({
                url:"/dynasty/findAllDynastyName",
                method:"get"
            }).then(function (r) {
                vm_history.history = r.data
                console.log("获取的内容为:"+JSON.stringify(r.data))
            }).then(function () {
                $(".card-text").each(function () {
                    var str = $(this).html()
                    var st = str.replace(/<[^>]+>/g,"");
                    var substr = st.substring(0,100);
                    $(this).html(substr + (str.length>100 ? '...' : ''));
                })
            })
        }
    })
</script>
</html>